<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
	<p>111</p>
	<script type="text/javascript">
		/*
			this指向:
				函数在定义的时候没法确定this的指向，只有在调用的时候能确认，this取决于他的调用者

			---在全局作用域中 或者普通函数中，this指向的是全局 window
			---在函数方法中，谁调用函数，this就指向谁
			---在事件绑定中this指向事件源

		*/

		function fn(){
			console.log(this)//window
		}

		fn()//window.fn()  

		let a = function(){
			console.log(this)
		}
		a()//window

		//对象
		let obj = {
			name: "啦啦啦"
			friend:["啊哈哈","教大家"],
			like:function(){
				console.log("喜欢的", this.friend[0], this)
			}，
			hate:{
				friend:["曾"],
				kill:function() {
					console.log(this.friend[0], this)
				}
			}
		}
		console.log(obj.friend)
		obj.like()//obj this指向他的调用者 obj
		obj.hate.kill()//hate this指向调用者，hate

		let p = document.querySelector('p')
		p.onclick = function(){
			console.log(this)//
			this.style.color = "red"
		}
	</script>
</body>
</html>